<template>
	<view class="container">
		<view class="top_img">
			<swiper class="swiper" :class="goodsData.detailImgList?.length>1?'square-dot':''"
				:autoplay="goodsData.detailImgList?.length>1?true:false"
				:indicator-dots="goodsData.detailImgList?.length>1?true:false" :circular="true" :interval="2000"
				:duration="500" style="width: 100%;height: 100%;">
				<swiper-item v-for="(item,index) in goodsData.detailImgList" :key="index">
					<!-- <image :src="imgBaseUrl+item" style="width: 100%; height: 100%">
					</image> -->
					<tb-image width="100%" height="100%" borderRadius="20rpx 20rpx 0 0" :src="imgBaseUrl+item">
						<template v-slot:error>
							<image src="../../../static/menuEmpty.png" mode="aspectFill"
								style="width: 100%; height: 100%"></image>
						</template>
					</tb-image>
				</swiper-item>
			</swiper>
		</view>
		<view class="store_contents">
			<view class="topMain">
				<view class="store_name pa_s">
					<view class="store_n">
						<view class="name_left">{{goodsData.name||''}}<text class="fcon-dajiaduzaimai"
								style="color:#EF0606;font-weight:400;font-size:40rpx"
								v-if="goodsData.shopTop=='1'"></text>
						</view>
					</view>
					<view class="store_r" v-if="goodsData.energy>0">
						<text class="fcon-kaluli"
							style="color:#FDBD2F;font-weight:400;font-size:40rpx;margin-right:-6rpx" />
						<view class="name_right">{{goodsData.energy||0}}Kcal</view>
					</view>
				</view>
				<view class="store_induc pa_s">
					{{goodsData.vintroduction||''}}
				</view>
				<view class="tags pa_s" v-if="goodsData.tags&&goodsData.tags.length>0">
					<view class="tag_item" v-for="(item,index) in goodsData.tags" :key="index">
						<view>{{item}}</view>
						<!-- <view>{{item.name}}</view>
						<text :class="item.icon" style="color:#FC4C40;" /> -->
					</view>
				</view>
				<view class="storePrice pa_s align-center">
					<view class="price_left align-center">
						<!-- <view class="unit" v-if="goodsData.price">¥</view> -->
						<view class="prices" v-if="goodsData.price">
							<text v-if="goodsData.price" class="unit">¥</text>{{goodsData.price}}
							<text class="reduce"
								v-if="goodsData.oldPrice && goodsData.vtwo_type!='814'">¥{{goodsData.oldPrice}}</text>
						</view>
						<!-- <view class="reduce" v-if="goodsData.oldPrice">¥{{goodsData.oldPrice}}</view> -->
						<view class="spcPrice padding-lr-xs" v-if="goodsData.activityType=='243'">
							<image :src="iconUrl+'food/ico/images/act_tejia.png'" style="width: 100%;height:100%"
								mode=""></image>
						</view>
						<!-- <view class="dz" v-if="goodsData.activity">会员日85折</view> -->
					</view>
					<view class="price_right" @click="changeFave">
						<text class="fcon-yixihuan icons" v-if="isFavourite" />
						<text class="fcon-xihuan icons" v-else />
						<view class="fav" v-if="isFavourite">已喜欢</view>
						<view class="fav" v-else>喜欢</view>
					</view>
				</view>
				<view class="tabs padding-left-xs shadLine">
					<tabs ref="tabsRef" :list="tablist" @tabItemClick="tabSelect" marright="10rpx" activeWeight='400'
						fontSize="32rpx" activeColor="#53A87F" activeBarColor="#53A87F" barHeight="2"></tabs>
				</view>
			</view>

			<!-- <view class="shadLine"></view> -->
			<!-- <view class="shadows"></view> -->
			<!-- <view v-show="nowSelectTabname=='介绍'&&nowMenuId =='1'">
				<view class="banners_titles pa_s">
					<view class="titls_n">饮食安排</view>
					<image src="https://cdn-static.yekjx.com/food/images/det_img09.png"
						style="height:50rpx;width:60rpx;margin-top: 40rpx;margin-right:40rpx"></image>
				</view>
				<view class="bannerDate">
					<view class="date_items" v-for="(item,index) in dateItems" :key="index" @click="changeBdate(index)">
						<view class="item_p" :class="index==curDateB?'isCur':''">{{item.name}}</view>
					</view>
				</view>
				<view class="banners pa_s">
					<banners :list="bannerList" type="chain" ref="bannersRef" @currcahange="currcahange">
						<template #default="{ item, index }">
							<view class="item_contents">
								<view class="tabss">
									<view class="tabbs_p">早餐</view>
									<view class="tabbs_p">午餐</view>
									<view class="tabbs_p">晚餐</view>
								</view>
								<view class="banner_body">
									<view class="banner_is">
										<swiper :indicator-dots="true" :circular="true" :autoplay="false"
											indicator-color="#D9D9D9" indicator-active-color="#648C6A" interval="5000"
											duration="500" style="height:238rpx">
											<swiper-item v-for="(item,index) in item.breakfast" :key="index">
												<image :src="item.foodImg" class="imagess"></image>
												<view class="foodName">{{item.foodName}}</view>
												<view class="info">{{item.info}}</view>
											</swiper-item>
										</swiper>
									</view>
									<view class="banner_is">
										<swiper :indicator-dots="true" :circular="true" :autoplay="false"
											indicator-color="#D9D9D9" indicator-active-color="#648C6A" interval="5000"
											duration="500" style="height:238rpx">
											<swiper-item v-for="(item,index) in item.lunch" :key="index">
												<image :src="item.foodImg" class="imagess"></image>
												<view class="foodName">{{item.foodName}}</view>
												<view class="info">{{item.info}}</view>
											</swiper-item>
										</swiper>
									</view>
									<view class="banner_is">
										<swiper :indicator-dots="true" :circular="true" :autoplay="false"
											indicator-color="#D9D9D9" indicator-active-color="#648C6A" interval="5000"
											duration="500" style="height:238rpx">
											<swiper-item v-for="(item,index) in item.dinner" :key="index">
												<image :src="item.foodImg" class="imagess"></image>
												<view class="foodName">{{item.foodName}}</view>
												<view class="info">{{item.info}}</view>
											</swiper-item>
										</swiper>
									</view>
								</view>
							</view>
						</template>
					</banners>
				</view>
			</view> -->
			<!-- -----------------------介绍 食材 明厨 检测 评价 -->
			<view class="componentsCon" v-show="tabClass=='0'">
				<rich-text :nodes="tabInfo.vcontent"></rich-text>
			</view>
			<view class="componentsCon" v-show="tabClass=='1'">
				<rich-text :nodes="tabInfo.food_desc"></rich-text>
				<!-- <view class="content_imgss">
					<swiper :indicator-dots="false" :autoplay="false" next-margin="40rpx" style="width:100%;height: 100%;">
						<swiper-item v-for="(item,index) in foodList" :key="index">
							<view class="item_contentsw" @tap="handelPres(foodList,index)">
								<image :src="item" mode="aspectFill"></image>
							</view>
						</swiper-item>
					</swiper>
				</view> -->
			</view>
			<view class="componentsCon" v-show="false">
				<view class="banners_titles pa_s">
					<view class="titls_n">24小时监控</view>
					<image src="https://cdn-static.yekjx.com/food/images/det_img09.png"
						style="height:50rpx;width:60rpx;margin-top: 40rpx;margin-right:40rpx"></image>
				</view>
				<view class="jk">我们实行厨房24小时实时监控。通过高清摄像头，您可以随时查看厨房的卫生状况和烹饪过程，确保我们的菜品从选材到制作都符合高标准。</view>

				<view class="jk_list">

					<scroll-view style="width:100%;height:100%;white-space: nowrap;" scroll-x="true" scroll-left="120">
						<view class="list_item" v-for="(item,index) in creamList" :key="index">
							<!-- autoplay -->
							<!-- 	<video :src="item.url" is-live controls style="width: 100%;height:100%;" /> -->
							<!-- <ezplayer 
							    id="ezplayer"
							    accessToken="at.2s5bel782cnsdm748sv5j2ke09p7mpze-54xbxtugfh-0remxt9-gmfxmtml2"
							    url="rtmp://open.ys7.com/BA7248908/1/live"
							    plugins="talk,voice,capture"
							    recPlayTime=""
							    width="360"
							    height="300"
							    watermark="shuiyin"
							    themeData="{"poster":"","controls":{"muteBtn":false,"fullScreenBtn":false,"hdBtn":true}}"
							    bind:handleError="handleError"
							/> -->
						</view>
					</scroll-view>
				</view>
				<view class="jianxi"></view>
			</view>
			<view class="componentsCon" v-show="tabClass=='2'">
				<rich-text :nodes="tabInfo.check_desc"></rich-text>
			</view>
			<view class="componentsCon" v-show="tabClass=='3'">
				<scroll-view style="height:100%">
					<!-- <view class="componentsCon" v-show="nowSelectTabname=='评价'" style="height:645rpx">
						<scroll-view style="height:100%" scroll-y scroll-with-animation refresher-enabled="true"
							:refresher-triggered="refLoad" @refresherrefresh="refresherrefresh" @scrolltolower="scrolltolower"> -->
					<view class="comment" v-for="(item,index) in commentList" :key="index"
						v-if="commentList.length > 0 && goodsData.is_show_discuss == '5'">
						<view class="avtor">
							<image
								:src="item.vphoto&&item.vphoto!=''?imgBaseUrl+item.vphoto:'../../../static/default_avos.png'"
								class="avotorImg"></image>
						</view>
						<view class="pl_info">
							<view class="pl_n">
								<view class="pln_n">{{item.vnick||"微信用户"}}</view>
								<view class="pln_d">{{item.plTimes}}</view>
							</view>
							<view style="margin-top: 10rpx;">
								<uni-rate disabled="true" disabledColor="#FE9870" allow-half :value="item.grade"
									color="#fff" activeColor="#FE9870" size="12" />
							</view>
							<view class="pl_del">{{item.content}}</view>
							<view class="pl_images">
								<view class="pl_im_item" v-for="(it,ind) in item.imgs" :key="ind"
									@click="handelPre(item.imgs,ind)">
									<image :src="it" style="width: 100%;height: 100%;" mode="aspectFill"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="nopiongjia text-center" v-else>
						<view>
							<text class="fcon-bianji1 textsz60 text-c9"></text>
						</view>
						<view class="padding-top">
							此菜品尚无评价，期待您的首次点评。
						</view>
					</view>
				</scroll-view>
			</view>
		</view>
		<uni-popup ref="isfavRef" type="center" borderRadius="16px 16px 0 0" zindex>
			<view class="modelcon">
				<view class="favs">喜欢</view>
				<view class="fav_v text-center">菜品或有变动，点赞喜欢菜品后，第一时间掌握美食动态哦！</view>
				<view class="foot_btn">
					<view class="btns can" @click="cals(false)">我知道了</view>
					<!-- <view class="btns su" @tap="cals(true)">好的</view> -->
				</view>
			</view>
		</uni-popup>
		<dragButtons :changeX="changeDrag" :showStatus="showNav" isDock @btnTouchend="dragTouchend" :initLimitY="160"
			:limitY="160" :existTabBar="true" :maxWidth="644">
			<view class="Vipcoupon-con flex flex-direction align-center justify-center"
				@click="goSobotUrl('https://yek-ddx.soboten.com/chat/h5/v6/index.html','69b4825bbba8408b883962c570a6287f')">
				<tetx class="fcon-zhuanshukefu"></tetx>
				<text class="text-con1">咨询客服</text>
			</view>
		</dragButtons>
		<addShopping :flag="false" :shopCarPrice="shopCarPrice" :type="nowMenuId=='2'?'dtc':''" @addCar="addCar"
			:goodsSells="goodsData.nsell_nums" :vstatus="goodsData.vstatus"></addShopping>
		<speciModal ref="popup1" @submit="doSubmit" @maskClick="maskClick"></speciModal>
		<tb-privacy ref="prcy" :onNeed='false'></tb-privacy>
		<delivery-time-op @timeCallback="timeCallback" dodge ref='reserve' :barHidth='860' title="选择预送达时间"
			source="addYd">
		</delivery-time-op>
		<loading></loading>
	</view>
</template>

<script setup lang="ts">
	import { ref, nextTick } from "vue";
	import { env } from '@/api/env.js';
	import { onShow, onLoad, onShareAppMessage, onReachBottom, onUnload } from '@dcloudio/uni-app';
	import { showLoading, hideLoading, mnavTo, checkOrg } from '@/utils/helper';
	import { takeSaveShare, initShop, getSellerConfig } from '@/utils/public';
	import { getGoodDetail, addVipGood, shopcartAdd, isShopFavi, goodsDiscuss, setLikes, cameraList, getShareDetail, queryLabelListByGoodsIdn, submitBuyingNow, getDetailExtend } from '@/api/vmeitime-http/index.js'
	import tabs from '@/components/comtabs/comtabs.vue'
	import mapi from '@/utils/mapi';
	import dragButtons from "@/components/dragButton/drag-button.vue"
	import addShopping from '@/components/addShopping/addShopping.vue'
	// import banners from './combanner/index.vue'
	import { useCartStore } from '@/stores/cartStore';
	import { useShopStore } from '@/stores/shopStore';
	import speciModal from '@/components/speciModal/speciModal.vue'
	const changeDrag = ref(false)
	const showNav = ref(false)
	const discountNums = ref("8.5")
	const dragDirect = ref('right')
	const prcy = ref()
	const refLoad = ref(false)
	const popup1 = ref()
	const cartStore = useCartStore();
	const shopStore = useShopStore();
	const nowMenuId = ref("");
	const reserve = ref()
	const goodsId = ref('');
	const goodsSku = ref('');
	const isFavourite = ref(false);
	const curDateB = ref(0);
	const bannersRef = ref();
	const isfavRef = ref();
	const nowSelectTabname = ref("介绍");
	const imgBaseUrl = ref(env.imgBaseUrl);
	const iconUrl = ref(env.FileUrl);
	const goodsData = ref<any>({});
	const creamList = ref([]);
	const loadStatus = ref('noMore');
	const isScan = ref(false);
	const pageSource = ref('');
	const pageInfo = ref({
		curPage: 1,
		// pageSize: 10,
		pageSize: 30,
		backCupPage: 2
	})
	const tabInfo = ref({
		vcontent: '',
		food_desc: '',
		check_desc: ''
	})
	const shopCarPrice = ref()
	const commentList = ref<any>([])
	const foodList = ref([
		"https://cdn-static.yekjx.com/food/images/det_img07.png",
		"https://cdn-static.yekjx.com/food/images/car_img02.png"
	])
	const tablist = ref([
		{
			name: "介绍",
			id: '0'
		}, {
			name: "食材",
			id: '1'
		},
		{
			name: "检测",
			id: '2'
		}, {
			name: "评价",
			id: '3'
		}
	])
	const dateItems = ref([
		{
			name: "周一"
		}, {
			name: "周二"
		}, {
			name: "周三"
		}, {
			name: "周四"
		}, {
			name: "周五"
		}, {
			name: "周六"
		}, {
			name: "周日"
		}
	])
	const bannerList = ref([
		{
			name: "周一",
			breakfast: [
				{
					foodImg: imgBaseUrl.value + "food/images/car_img01.png",
					foodName: "鲜玉米",
					info: "103kcal/1根",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img02.png",
					foodName: "酸汤黑鱼片",
					info: "322kcal/200g",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img03.png",
					foodName: "西蓝花虾仁",
					info: "75kcal/150g",
				}
			],
			lunch: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}],
			dinner: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}]
		}, {
			name: "周二",
			breakfast: [
				{
					foodImg: imgBaseUrl.value + "food/images/car_img01.png",
					foodName: "鲜玉米",
					info: "103kcal/1根",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img02.png",
					foodName: "酸汤黑鱼片",
					info: "322kcal/200g",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img03.png",
					foodName: "西蓝花虾仁",
					info: "75kcal/150g",
				}
			],
			lunch: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}],
			dinner: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}]
		}, {
			name: "周三",
			breakfast: [
				{
					foodImg: imgBaseUrl.value + "food/images/car_img01.png",
					foodName: "鲜玉米",
					info: "103kcal/1根",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img02.png",
					foodName: "酸汤黑鱼片",
					info: "322kcal/200g",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img03.png",
					foodName: "西蓝花虾仁",
					info: "75kcal/150g",
				}
			],
			lunch: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}],
			dinner: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}]
		}, {
			name: "周四",
			breakfast: [
				{
					foodImg: imgBaseUrl.value + "food/images/car_img01.png",
					foodName: "鲜玉米",
					info: "103kcal/1根",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img02.png",
					foodName: "酸汤黑鱼片",
					info: "322kcal/200g",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img03.png",
					foodName: "西蓝花虾仁",
					info: "75kcal/150g",
				}
			],
			lunch: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}],
			dinner: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}]
		}, {
			name: "周五",
			breakfast: [
				{
					foodImg: imgBaseUrl.value + "food/images/car_img01.png",
					foodName: "鲜玉米",
					info: "103kcal/1根",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img02.png",
					foodName: "酸汤黑鱼片",
					info: "322kcal/200g",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img03.png",
					foodName: "西蓝花虾仁",
					info: "75kcal/150g",
				}
			],
			lunch: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}],
			dinner: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}]
		}, {
			name: "周六",
			breakfast: [
				{
					foodImg: imgBaseUrl.value + "food/images/car_img01.png",
					foodName: "鲜玉米",
					info: "103kcal/1根",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img02.png",
					foodName: "酸汤黑鱼片",
					info: "322kcal/200g",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img03.png",
					foodName: "西蓝花虾仁",
					info: "75kcal/150g",
				}
			],
			lunch: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}],
			dinner: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}]
		}, {
			name: "周日",
			breakfast: [
				{
					foodImg: imgBaseUrl.value + "food/images/car_img01.png",
					foodName: "鲜玉米",
					info: "103kcal/1根",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img02.png",
					foodName: "酸汤黑鱼片",
					info: "322kcal/200g",
				}, {
					foodImg: imgBaseUrl.value + "food/images/car_img03.png",
					foodName: "西蓝花虾仁",
					info: "75kcal/150g",
				}
			],
			lunch: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}],
			dinner: [{
				foodImg: imgBaseUrl.value + "food/images/car_img01.png",
				foodName: "鲜玉米",
				info: "103kcal/1根",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img02.png",
				foodName: "酸汤黑鱼片",
				info: "322kcal/200g",
			}, {
				foodImg: imgBaseUrl.value + "food/images/car_img03.png",
				foodName: "西蓝花虾仁",
				info: "75kcal/150g",
			}]
		},
	])
	// 分享好友
	onShareAppMessage(() => {
		return new Promise(async (resolve, reject) => {
			let param = {
				event_id: '4', //事件id  1:会员注册, 2:H5分享， 3:商品价格标签, 4:商品超链接分享, 5:拼团， 6:线下团购,7.总部推广 ,8.VIP专属卡,9.预留1,10.预留2
				source_type: '2', //1首页分享，2商品分享，3名片分享，4商品超链接分享5拼团,6线下团购,7.总部推广 ,8.VIP专属卡,9.预留1,10.预留2
				goods_id: goodsData.value.goods_id || '',
				goods_sku: goodsData.value.sku || '',
				activity_id: '',
				sell_member_id: shopStore.curSellerMemberId || '', //门店id
			}
			try {
				let shareId = await takeSaveShare(param)
				if (shareId) {
					let msg = {
						title: goodsData.value.name || '好食材 健康外卖',
						content: '好食材 健康外卖',
						path: '/pages/order/goodsDetial/goodsDetial?scene=' + shareId,
						imageUrl: env.imgBaseUrl + goodsData.value.vmaster_product_image_id,
					}
					resolve(msg)
				} else {
					reject('');
					mapi.msg('分享失败,请稍后重试')
				}
			} catch (e) {
				reject('');
				mapi.msg('分享失败,请稍后重试')
				console.error(e)
				//TODO handle the exception
			}

		});
	});
	const tabClass = ref('0');
	//客服
	const dragTouchend = (params : any) => {
		dragDirect.value = params.direction;
	}

	// 动态更新 cardData 的函数

	// 示例：更新 cardData 中的某个字段
	// "cardLink": `/pages/order/goodsDetial/goodsDetial?goodsId=${goodsId.value}`,
	// customMiniProgramUrl:`/pages/order/goodsDetial/goodsDetial?goodsId=${goodsId.value}`,
	// menuLink: "/pages/index/home/home",

	const createOrderUpdateData = () => {
		return {
			cardId: goodsId.value,
			cardStyle: 0,
			cardType: 0,
			cardGuide: "请核您对的商品信息",
			customMiniProgramUrl: `/pages/order/goodsDetial/goodsDetial`,
			// cardLink: `/pages/order/goodsDetial/goodsDetial`,
			customCards: [{
				customCardCount: "共1件商品",
				customCardCode: goodsData.value.goods_id,
				customCardTime: "",
				customCardId: "10611111",
				customCardName: goodsData.value.name,
				customCardThumbnail: env.imgBaseUrl + goodsData.value.detailImgList[0],
				customCardAmount: goodsData.value.oldPrice,
				customCardAmountSymbol: "¥",
				customCardDesc: goodsData.value.name,
				customMenus: [{
					menuType: 2,
					menuName: "发送商品给客服"
				}, {
					menuType: 0,
					menuName: "查看详情",
					menuMiniProgramUrl: `/pages/order/goodsDetial/goodsDetial`,
					menuLinkType: 2
				}]
			}],
			cardMenus: [{
				menuType: 0,
				menuName: "查看详情",
				menuMiniProgramUrl: `/pages/order/goodsDetial/goodsDetial`,
				menuLinkType: 2
			}, {
				menuType: 1,
				menuName: "确认商品",
				menuTip: "您已确认商品信息"
			}, {
				menuType: 2,
				menuName: "发送商品给客服"
			}]
		};
	};


	const goSobotUrl = (url, sysnum) => {
		const data = createOrderUpdateData()
		console.log('url', url);
		if (!url) return;
		if (url.substring(0, 5) == 'https' || url.substring(0, 3) == 'www') {
			mnavTo('/pages/user/sobot_common/sobot_common?urlPath=' + encodeURIComponent(JSON.stringify(url)) + '&paramData=' + encodeURIComponent(JSON.stringify({ sysnum: sysnum })) + '&dataInfo=' + encodeURIComponent(JSON.stringify(data)))

		} else {
			mnavTo(url)
		}
	}

	const tabSelect = (item : any, index : any) => {
		// console.log('tab',item,index)
		tabClass.value = item.id;
		nowSelectTabname.value = item.name;
		if (item.name == '评价') {
			loadList('refeash')
		}

		if (item.name == '明厨') {
			getCam()
		}
	}

	const getCam = async () => {
		let res = await cameraList({ sellMemberId: shopStore.curSellerMemberId })
		if (!res.result) {
			return
		}
		creamList.value = []
		for (let item of res.object) {
			if (item.url && item.url != '') {
				creamList.value.push(item)
			}
		}
	}

	const changeFave = () => {
		if (isFavourite.value == false) {
			// isfavRef.value.open()
			chFavActions('5')
		} else {
			chFavActions('6')
		}

	}
	let chFavActions = async (types : any) => {
		let res = await setLikes({ type: types, goodsId: goodsData.value.goods_id })
		if (res.result) {
			getFav()
			if (types == '5') {
				isfavRef.value.open()
				// setTimeout(() => {
				//   isfavRef.value&&isfavRef.value.close();
				// }, 3000)
			}
		}
		// isfavRef.value.close()
	}
	const cals = (v : any) => {
		if (!v) {
			isfavRef.value.close()
		} else {
			chFavActions('5')
		}

	}
	const changeBdate = (index : any) => {
		curDateB.value = index
		bannersRef.value.current = index
	}
	const currcahange = (index : any) => {
		curDateB.value = index
	}
	const handelPre = (item : any, index : any) => {
		uni.previewImage({
			current: item[index],
			urls: item,
			success: () => {
				console.log("111")
			}
		})
	}
	const handelPres = (item : any, index : any) => {
		uni.previewImage({
			current: item[index],
			urls: item,
			success: () => {
				console.log("111")
			}
		})
	}
	const isYuDing = ref(false)
	onLoad(async (options : any) => {
		const storedGoodsId = uni.getStorageSync('storedGoodsId');
		goodsId.value = storedGoodsId ? storedGoodsId : options.goodsId;
		goodsSku.value = options.goodsSku || '';
		nowMenuId.value = options.shopType;//1单套 2多套
		pageSource.value = options.source
		isYuDing.value = options.isYuDing || false;

		if (options.scene) {
			try {
				isScan.value = true
				let sdetail = await getShareDetail({ share_id: options.scene })
				if (sdetail.result && sdetail.object) {
					let nres = JSON.parse(sdetail.object.request_params);
					console.log('getShareDetail', nres);
					let nparam = {
						shareMemberId: '',
						buy_member_id: nres.buy_member_id || '',
						sellMemberId: nres.sell_member_id || '',//暂
						share_id: options.scene || '',
						event_id_1: nres.event_id || ''
					}
					goodsId.value = nres.goods_id || '';
					shopStore.setQrShop(nres.sell_member_id || '');
					checkOrg(nparam);
					initShop(loadData, { source: 'refresh', sku: [nres.goods_sku] });
					return
				}
				initShop(loadData, { source: 'refresh' });
			} catch (e) {
				initShop(loadData, { source: 'refresh' });
				console.error(e);
			}
			return
		}
		nextTick(() => {
			prcy.value.checkPrivacySetting();
			initShop(loadData, { source: 'refresh' });
		})


		// loadData()
	});
	onUnload(() => {
		uni.removeStorageSync('storedGoodsId');
	})
	const getFav = async () => {
		let res = await isShopFavi({ goodsId: goodsData.value.goods_id })
		if (!res.result) {
			isFavourite.value = false
			return
		}
		if (res.msgCode == "5") {
			isFavourite.value = true
		} else {
			isFavourite.value = false
		}
	}
	const loadData = async (data : any = { source: '' }) => {
		// if (isScan.value) {
		await getSellerConfig()
		if (shopStore.orderAgain) {
			shopStore.setHasShut(true);
			shopStore.setShutStates('beyonDdistance');
		}
		// }
		try {
			let ntiem = null;
			if (isYuDing.value && cartStore.curOrderType.time && cartStore.curOrderType.time.fullTime) {
				ntiem = cartStore.curOrderType.time.fullTime
			}
			let ndata : any = { goodsId: goodsId.value };
			ntiem ? ndata.checkTime = ntiem : '';
			showLoading()
			let res = await getGoodDetail(ndata)
			let tabinfos = await getDetailExtend(ndata)
			if (tabinfos.result) {
				tabInfo.value.vcontent = tabinfos.object.vcontent
				tabInfo.value.food_desc = tabinfos.object.food_desc
				tabInfo.value.check_desc = tabinfos.object.check_desc
			}
			hideLoading()
			if (!res.result) {
				mapi.msg(res.shortMessage || '网络繁忙,请稍后重试', res.code)
				return
			}
			// let nres = res.object || {};
			// goodsData.value = {
			// 	...nres,
			// 	shopType: nres.vtwo_type == '813' ? '1' : '0',
			// 	isVip: nres.vipFlag == '6' ? '0' : '1',
			// 	shopTop:nres.hotCake,
			// 	specsOnly: (nres.specList && nres.specList.length > 1) || getSpcFlags(nres.goods_id) ? '1' : '0',
			// 	num: 0,
			// 	tags: nres.labels_id ? nres.labels_id.split(",") : [],
			// 	id: nres.nsell_category_id,
			// 	issellOut: nres.nsell_nums && nres.nsell_nums > 0 ? '1' : '0',
			// 	oldPrice: nres.activity ? (shopStore.costPlan == '1130' ? nres.site_sell_price : nres.out_sell_price) : nres.old_price,
			// 	price: nres.activity ? nres.activity_price : (shopStore.costPlan == '1130' ? nres.site_sell_price : nres.out_sell_price),
			// 	pageSource:pageSource.value
			// }
			// shopCarPrice.value = {
			// 	price:goodsData.value.price,
			// 	oldPrice:goodsData.value.oldPrice
			// }
			// for (let item of nres.specList) {
			// 	if (item.activity && item.activityType == '243') {
			// 		let pri=item.activity ? item.activity_price : (shopStore.costPlan == '1130' ? item.site_sell_price : item.out_sell_price)
			// 		let oldPri=item.activity ? (shopStore.costPlan == '1130' ? item.site_sell_price : item.out_sell_price) : item.old_price
			// 		goodsData.value.price=pri
			// 		goodsData.value.oldPrice=oldPri
			// 		shopCarPrice.value.price=pri
			// 		shopCarPrice.value.oldPrice=oldPri
			// 	}
			// }
			let nres = res.object || {};
			uni.setNavigationBarTitle({
				title: nres.name
			});
			const calculatePrice = (item : any) => {
				return {
					price: item.activity ? item.activity_price : (shopStore.costPlan == '1130' ? item.site_sell_price : item.out_sell_price),
					oldPrice: item.activity ? (shopStore.costPlan == '1130' ? item.site_sell_price : item.out_sell_price) : item.old_price
				};
			};

			goodsData.value = {
				...nres,
				shopType: nres.vtwo_type == '813' ? '1' : '0',//1单套  2多套
				isVip: nres.vipFlag == '6' ? '0' : '1',
				shopTop: nres.hotCake,
				specsOnly: (nres.specList && nres.specList.length > 1) || getSpcFlags(nres.goods_id) ? '1' : '0',
				num: 0,
				tags: nres.goodsLabels ? nres.goodsLabels.split(",") : [],
				id: nres.nsell_category_id,
				issellOut: nres.nsell_nums && nres.nsell_nums > 0 ? '1' : '0',
				...calculatePrice(nres),
				pageSource: pageSource.value
			};

			const activityItem = nres.specList.find(item => item.activity && item.activityType == '243');

			if (activityItem) {
				const { price, oldPrice } = calculatePrice(activityItem);
				goodsData.value.price = price;
				goodsData.value.oldPrice = oldPrice;
				shopCarPrice.value = { price, oldPrice };
			} else {
				shopCarPrice.value = {
					price: goodsData.value.price,
					oldPrice: goodsData.value.oldPrice
				};
			}
			getFav()
		} catch (e) {
			console.error(e)
			hideLoading()
		}
	}
	const getSpcFlags = async (goodsIds : any) => {
		let res = await queryLabelListByGoodsIdn({ goodsId: goodsIds })
		if (!res.result) {
			return false
		}
		if (res.object && res.object.length > 0) {
			return true
		} else {
			return false
		}
	}
	const isRepeat = ref(false);
	const addCar = async () => {

		if (isRepeat.value) {
			return
		}
		isRepeat.value = true
		setTimeout(() => {
			isRepeat.value = false
		}, 800)
		if (goodsData.value.vtwo_type == '816' && !cartStore.curOrderType.type) {
			reserve.value.open()
			return
		}
		doAddEvents()
	}
	const doAddEvents = async () => {
		if (nowMenuId.value == '2') {
			const ndata = {
				sku: goodsSku.value || '',
				nums: 1,
				type: 'sp',
				defaultServiceType: '795',
				sellerMemberId: shopStore.curSellerMemberId
			}
			let res = await submitBuyingNow(ndata);
			console.log('submitBuyingNow-res', res)
			mnavTo('/pages/order/setMealCreatOrder/setMealCreatOrder?goodsId=' + goodsId.value + '&dataDetail=' + JSON.stringify(ndata))
			return
		}
		if (goodsData.value.specsOnly == '1') {
			// 多规格
			popup1.value.open(goodsData.value)
			return
		} else {
			doAddActions(goodsData.value)
		}
	}
	const doSubmit = (item : any) => {
		doAddActions(item)
	}
	const doAddActions = async (item : any) => {
		// showLoading()
		// try {
		// let res : any = null
		// const baseParams = {
		// 	sku: item.sku,
		// 	nums: 1,
		// 	type: item.shopType=='0'?'sp':'tc',
		// 	defaultServiceType: "795",
		// 	labelIds: item.labelIds || []
		// };
		// const params : any = item.isVip == '1' ? { ...baseParams, special_id: item.specialId || '7' } : { ...baseParams };
		// if (cartStore.curOrderType && cartStore.curOrderType.type) {
		// 	params.patten = cartStore.curOrderType.type;
		// 	params.subsTime = cartStore.curOrderType.time.dateString
		// }
		let obj = { id: '3', source: 'goodsDetial', action: 'addCars', shopResult: item.result }
		uni.setStorageSync('menuact', obj)
		setTimeout(() => {
			uni.switchTab({
				url: '/pages/index/menu/menu'
			});
		}, 10)
		// res = item.isVip == '1' ? await addVipGood(params) : await shopcartAdd(params);
		// if (res.code == '-1') {
		// 	uni.navigateTo({
		// 		url: '/pages/login/login'
		// 	})
		// 	return
		// }

		// hideLoading()
		// if (!res.result) {
		// 	mapi.msg(res.shortMessage || "加入购物车失败!")
		// 	hideLoading()
		// 	return
		// }
		// mapi.msg("加入购物车成功!")
		// } catch (e) {
		// 	hideLoading()
		// }
	}
	const refresherrefresh = () => {
		refLoad.value = true
		setTimeout(() => {
			refLoad.value = false
		}, 500)
		loadList('refeash')
		console.log("下拉刷新")
	}
	const scrolltolower = () => {
		// loadList('add')
	}
	onReachBottom(() => {
		tabClass.value == '4' && loadList('add')

	})
	//评论列表
	const loadList = async (source : any) => {
		// loadStatus.value = 'loading'
		// if (source == 'refeash') {
		// 	pageInfo.value.curPage = 1
		// 	pageInfo.value.backCupPage = 2
		// }
		// if (pageInfo.value.curPage > pageInfo.value.backCupPage && source != 'refeash') {
		// 	console.log("没有更多啦")
		// 	loadStatus.value = 'noMore'
		// 	return
		// }

		try {
			console.log(goodsData.value, "goodsData.value")
			let res = await goodsDiscuss({ curPage: pageInfo.value.curPage, pageSize: pageInfo.value.pageSize, sellerMemberld: shopStore.curSellerMemberId, goods_id: goodsData.value.goods_id })
			if (!res.result) {
				// if (res.shortMessage == '用户未登录') {
				// 	mnavTo('/pages/login/login')
				// }
				hideLoading()
				return
			}
			hideLoading()
			if (res.object.length == 0) {
				loadStatus.value = 'noMore'
				return
			}
			if (res.page.curPage == res.page.nextPage) {
				loadStatus.value = 'noMore'
			} else {
				loadStatus.value = 'more'
			}
			pageInfo.value.curPage += 1
			pageInfo.value.backCupPage = res.page.totalPage || 0
			if (source == 'refeash') {
				commentList.value = []
			}
			for (let item of res.object) {
				let imgs = [];
				for (let i = 1; i <= 4; i++) {
					let imageKey = `image${i}`;
					if (item[imageKey]) {
						imgs.push(imgBaseUrl.value + item[imageKey]);
					}
				}
				commentList.value.push({
					...item,
					plTimes: `${item.create_date.slice(0, 4)}-${item.create_date.slice(4, 6)}-${item.create_date.slice(6, 8)}`,
					imgs
				});
			}
		} catch (e) {
			hideLoading()
			loadStatus.value = 'noMore'
		}
	}
	const timeCallback = (e : any) => {
		reserve.value.close()
		cartStore.setCurOrderTypeString('SUBSCRIBE')
		doAddEvents()
	}
	const maskClick = () => {
		cartStore.setCurOrderTypeString('')
	}
	const statechange = (e) => {
		console.log('live-player code:', e.detail.code)
	}
	const error = (e) => {
		console.error('live-player error:', e.detail.errMsg)
	}
</script>

<style lang="scss" scoped>
	.Vipcoupon-con {
		// position: relative;
		bottom: 94rpx;
		right: 26rpx;
		border-radius: 50%;
		width: 110rpx;
		height: 110rpx;
		// z-index: 12;
		background-color: #E2F3EA;

		.text-con {
			color: #333;
			font-size: 24rpx;
			font-weight: 400;
			margin-top: 25rpx;
		}

		.fcon-zhuanshukefu {
			font-size: 40rpx;
			color: #53A87F;
			margin-bottom: 5rpx;
		}

		.text-con1 {
			color: #53A87F;
			text-align: center;
			font-family: "Microsoft YaHei UI";
			font-size: 22rpx;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
		}

		.ipcoupon-fwxm {
			color: #FFF;
			font-size: 20rpx;
			font-weight: 400;
			text-align: center;
			height: 45rpx;
			line-height: 54rpx;
		}

		.ipcoupon-zigh1 {
			color: #999;
			text-align: center;
			font-size: 20rpx;
			font-weight: 400;
		}

		.ipcoupon-zigh {
			color: #333;
			text-align: center;
			font-size: 20rpx;
			font-weight: 400;
			line-height: 15rpx;
		}

		.ipcoupon-dazhe {
			color: rgba(255, 255, 255, 0.70);
			font-size: 28rpx;
			font-weight: 400;

			.txtt {
				color: #FFF;
				font-size: 28rpx;
				font-weight: 700;
				margin-left: 6rpx;
			}
		}

		.vipcoupon-btn1 {
			width: 145.024rpx;
			height: 49.878rpx;
			border-radius: 30px;
			background: #FFEBC6;
			color: #000;
			font-size: 28rpx;
			font-weight: 400;
			margin: 15rpx auto;
		}

		.vipcoupon-btn {
			width: 145.024rpx;
			height: 49.878rpx;
			flex-shrink: 0;
			border-radius: 30px;
			background: #FFEBC6;
			color: #000;
			font-size: 28rpx;
			font-weight: 400;
			margin: 5rpx auto;
		}

		.text-pic {
			color: #FF0E0E;
			font-size: 24rpx;
			font-weight: 400;
			align-items: flex-start;
			margin-top: 5rpx;
			margin-bottom: 5rpx;

			.txtv {
				&:first-child {
					margin-top: 10rpx;
					margin-right: 8rpx;
				}

				&:last-child {
					font-size: 48rpx;
					font-weight: 700;
				}

				.pic_subtext {
					color: #333;
					font-family: "Microsoft YaHei UI";
					font-size: 24rpx;
					font-weight: 400;
				}

				.pic_ss {
					color: #333;
					font-family: "Microsoft YaHei UI";
					font-size: 20rpx;
					font-weight: 400;
				}
			}
		}
	}

	.container {
		background-color: #fff;
	}

	.shadLine {
		// width: 100vw;
		// height:20rpx;
		box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.1);
	}

	.textsz60 {
		font-size: 60rpx;
		color: #ebebeb;
	}

	.padding-top {
		padding-top: 60rpx;
	}

	.nopiongjia {
		padding-top: 90rpx;
		color: #333;
		font-size: 28rpx;
	}

	.top_img {
		width: 100vw;
		height: 438rpx;
	}

	.store_contents {
		background-color: #fff;

		// padding: 15rpx 25rpx 0rpx 25rpx;
		.store_name {
			display: flex;
			justify-content: space-between;

			.store_n {
				display: flex;

				.name_left {
					padding: 15rpx 25rpx 0rpx 0rpx;
					color: #333;
					font-family: "Microsoft YaHei UI";
					font-size: 40rpx;
					font-style: normal;
					font-weight: 700;
				}
			}

			.store_r {
				display: flex;
				margin-top: 17rpx;

				.name_right {
					color: #333;
					font-family: "Microsoft YaHei UI";
					font-size: 40rpx;
					font-style: normal;
					font-weight: 700;
				}
			}
		}

		.store_induc {
			color: #999;
			text-align: justify;
			font-family: "Microsoft YaHei UI";
			font-size: 28rpx;
			font-style: normal;
			font-weight: 400;
			margin-top: 15rpx;
		}

		.tags {
			display: flex;
			min-width: 80rpx;
			height: 44rpx;
			text-align: center;
			margin-top: 20rpx;

			.tag_item {
				display: flex;
				border-radius: 100rpx;
				background: #FDF6EC;
				color: #FC4C40;
				font-family: "Microsoft YaHei UI";
				font-size: 24rpx;
				font-style: normal;
				font-weight: 400;
				padding: 5rpx 10rpx 5rpx 10rpx;
				line-height: 38rpx;

			}

			.tag_item:nth-child(n+2) {
				margin-left: 15rpx;
			}
		}

		.storePrice {
			display: flex;
			justify-content: space-between;
			margin-top: 15rpx;

			.price_left {
				display: flex;

				.unit {
					color: #FB1E0F;
					font-family: "Microsoft YaHei UI";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 700;
					// line-height: 110rpx;
				}

				.prices {
					color: #FB1E0F;
					font-family: "Microsoft YaHei UI";
					font-size: 64rpx;
					font-style: normal;
					font-weight: 700;
				}

				.reduce {
					color: #999;
					font-family: "Microsoft YaHei UI";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 400;
					// line-height: 110rpx;
					text-decoration: line-through;
					margin-left: 10rpx;
				}

				.dz {
					width: 146rpx;
					height: 44rpx;
					border-radius: 10px 0px 10px 10px;
					background: linear-gradient(90deg, #FF7A00 10.22%, #FCDCBF 124.58%);
					line-height: 44rpx;
					margin-top: 25rpx;
					text-align: center;
					margin-left: 10rpx;
					color: #fff;
					font-size: 24rpx;
				}

				.spcPrice {
					min-width: 102rpx;
					height: 44rpx;
					// margin-top: 25rpx;
					margin-left: 15rpx;
				}
			}

			.price_right {
				display: flex;

				.icons {
					color: #FC4C40;
					margin-right: 10rpx;
				}

				.fav {
					color: #666;
					font-feature-settings: 'clig' off, 'liga' off;
					font-family: "Microsoft YaHei UI";
					font-size: 24rpx;
					font-style: normal;
					font-weight: 400;
					letter-spacing: 2rpx;
				}
			}
		}

		.tabs {
			// margin-top: -30rpx;
			// margin-left: -20rpx;

		}

		.shadows {
			width: 100vw;
			height: 2rpx;
			box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
		}

		.banners_titles {
			height: 110rpx;
			display: flex;
			justify-content: space-between;
			margin-top: 30rpx;
			background-image: url("https://cdn-static.yekjx.com/food/images/det_img002.png");
			background-size: 90% 100%;
			padding-left: 70rpx;
			background-position-x: 25rpx;
			background-repeat: no-repeat;

			.titls_n {
				width: 100%;
				color: #666;
				font-family: "Microsoft YaHei UI";
				font-size: 48rpx;
				font-style: normal;
				font-weight: 400;
				margin-top: 27rpx;
			}
		}

		.banners {
			height: 354rpx;
			margin-top: 17rpx;

			.item_contents {
				width: 610rpx;
				height: 490rpx;

				.tabss {
					width: 100%;
					height: 40rpx;
					display: flex;
					padding: 20rpx 10rpx 0rpx 10rpx;

					.tabbs_p {
						color: #FFF;
						font-family: "Microsoft YaHei UI";
						font-size: 28rpx;
						font-weight: 400;
						text-align: center;
						width: 33%;
						flex: 1;
					}
				}

				.banner_body {
					width: 100%;
					height: 238rpx;
					margin-top: 43rpx;
					display: flex;

					.banner_is {
						width: 180rpx;
						height: 238rpx;
						border-radius: 26rpx;
						background: #FFF;
						margin-left: 18rpx;

						.imagess {
							width: 84rpx;
							height: 84rpx;
							margin: 30rpx 0rpx 0rpx 49rpx;
							border-radius: 12rpx;
						}

						.foodName {
							text-align: center;
							color: #333;
							font-family: "Microsoft YaHei UI";
							font-size: 28rpx;
							font-style: normal;
							font-weight: 400;
							margin-top: 5rpx;
							padding: 0rpx 7rpx 0rpx 7rpx;
						}

						.info {
							text-align: center;
							color: #999;
							font-family: "Microsoft YaHei UI";
							font-size: 24rpx;
							font-style: normal;
							font-weight: 400;
						}
					}
				}
			}
		}

		.bannerDate {
			height: 45rpx;
			display: flex;
			justify-content: center;
			margin-top: 20rpx;

			.date_items {
				width: 100rpx;
				height: 100%;

				.item_p {
					color: #999;
					font-family: "Microsoft YaHei UI";
					font-size: 28rpx;
					text-align: center;
					font-weight: 400;
				}

				.isCur {
					color: #50D186;
					font-weight: 700;
				}
			}

		}
	}

	.componentsCon {
		width: 100vw;
		margin-top: 20rpx;
		background-color: #fff;
		padding-bottom: 160rpx;
		min-height: 200rpx;
		overflow-x: hidden;

		.jk {
			width: 90%;
			margin-left: 5%;
			color: #333;
			text-align: justify;
			font-family: "Microsoft YaHei UI";
			font-size: 28rpx;
			font-weight: 400;
			margin-top: 20rpx;
		}

		.jk_list {
			width: 100vw;
			height: 366rpx;
			margin: auto;

			.list_item {
				width: 676rpx;
				height: 366rpx;
				margin: 20rpx 0rpx 0 30rpx;
				display: inline-block;
			}
		}

		.jianxi {
			width: 100%;
			height: 60rpx;
			margin-bottom: 90rpx;
		}

		.comment {
			width: 90%;
			min-height: 200rpx;
			margin-left: 1%;
			display: flex;
			padding: 30rpx 0rpx 10rpx 30rpx;

			.avtor {
				width: 72rpx;
				height: 100%;

				.avotorImg {
					width: 100%;
					height: 72rpx;
					border-radius: 50%;
				}
			}

			.pl_info {
				width: 530rpx;
				height: 100%;
				margin-left: 30rpx;

				.pl_n {
					display: flex;
					justify-content: space-between;

					.pln_n {
						color: #333;
						font-feature-settings: 'dlig' on;
						font-family: "Microsoft YaHei UI";
						font-size: 28rpx;
						font-weight: 400;
						max-width: 340rpx;
						overflow: hidden;
						white-space: nowrap;
					}

					.pln_d {
						font-feature-settings: 'clig' off, 'liga' off;
						font-family: "Microsoft YaHei UI";
						font-size: 24rpx;
						font-weight: 400;
						color: #8D95A1;
					}
				}

				.pl_del {
					margin-top: 10rpx;
					color: #333;
					font-feature-settings: 'clig' off, 'liga' off;
					font-family: "Microsoft YaHei UI";
					font-size: 28rpx;
					font-weight: 400;
					word-wrap: break-word;
				}

				.pl_images {
					min-height: 20rpx;
					margin-top: 10rpx;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;

					.pl_im_item {
						width: 160rpx;
						height: 100rpx;
						margin-top: 10rpx;
						margin-right: 10rpx;
					}
				}
			}
		}

		.comment:nth-child(n+2) {
			margin-top: 20rpx;
			border-top: 4rpx solid #F8F9FE;
		}
	}

	.pa_s {
		padding: 0rpx 25rpx 0rpx 25rpx;
	}

	.modelcon {
		width: 526rpx;
		height: 360rpx;
		padding-top: 30rpx;
		background-color: #fff;
		border-radius: 32rpx;

		.favs {
			text-align: center;
			color: #000;
			font-family: "Microsoft YaHei UI";
			font-size: 36rpx;
			font-weight: 400;
		}

		.fav_v {
			padding: 30rpx 30rpx 0rpx 30rpx;
			// text-align: center;
			color: #666;
			font-family: "Microsoft YaHei UI";
			font-size: 32rpx;
			font-weight: 400;
			line-height: 45rpx;
		}

		.foot_btn {
			display: flex;
			padding: 35rpx 35rpx 0rpx 35rpx;
			justify-content: center;

			.btns {
				width: 358rpx;
				height: 80rpx;
				text-align: center;
				line-height: 80rpx;
				border-radius: 10rpx;
			}

			.su {
				background: #5DB175;
				color: #fff;
			}

			.can {
				border: 2rpx solid #5DB175;
				color: #5DB175;
			}
		}
	}

	//暂


	.content_imgss {
		width: 90%;
		height: 490rpx;
		margin-left: 5%;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		border-radius: 20rpx;
		background: #F6F7FB;
		padding: 15rpx;

		.item_contentsw {
			width: 100%;
			height: 100%;
			padding-right: 20rpx;
		}
	}

	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		height: 100%;
		background-color: red;
	}
</style>